<template>
	<view class="floor">
		<view class="text" >{{banner.classifyName}}</view>
		<view class="itemList">
			<view class="item" v-for="(item,index) in banner.third":key="index">
				<image class="itemImg" :src="item.image" mode=""></image>
				<text class="itemText">{{item.classifyName}}</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default({
		name:'Floor',
		data(){
			return {
				
			}
		},
		mounted(){
			
		},
		props:['banner'],
		computed:{
			
		}
	})
</script>

<style lang="stylus">
	.floor
		.text
			font-size: 50upx
			font-weight: bolder
			height: 116upx
			line-height: 116upx
			margin-left: 40upx
		.itemList
			display: flex
			// justify-content: space-around
			flex-wrap: wrap
			border-bottom: 2upx solid #A9A9A9
			.item
				display:flex
				flex-direction: column
				width: 184upx
				height: 250upx
				padding: 0 20upx
				margin: 0 0 32upx
				box-sizing: border-box
				.itemImg
					width: 170upx
					height: 170upx
				.itemText
					text-align: center
					font-weight: bold
					margin-top: 10upx
					// border-radius: 10upx
					
</style>